@charset "gb2312";
/* CSS Document */

*{padding:0;margin:0}
html{-ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%; /*�����ֳ��豸����仯*/
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
-o-tap-highlight-color:rgba(0, 0, 0, 0);  
tap-highlight-color:rgba(0, 0, 0, 0);}
body{font-family:"Microsoft Yahei",Arial; overflow-x:hidden;font-size:14px; color:#535353}
a{ text-decoration:none;outline:none;background: transparent;blr:expression(this.onFocus=this.blur()); transition:.5s;color:#666}
a:hover{color:#00923f;}
img{ border:none}
button,
input,
select,
textarea {
    font-family: inherit; 
    font-size: 100%; 
    margin: 0;
    outline:none;
	border:none;
}
table{ border-collapse:collapse}
ul,ol,li{ list-style:none}
.ovh{overflow: hidden;}
.clearfix{clear:both;zoom:1}
.clearfix:after{ content:".";display:block;height:0;clear:both;visibility:hidden}
.fl{float:left}
.fr{float:right}
.col01{ color:#00923f}

.wrap{ width:87%; margin:0 auto}
.header{ height:70px; background:#fff; width:100%; position:fixed;top:0;left:0; box-shadow:0 1px 15px rgba(0,0,0,0.15); z-index:99}
.logo{ padding-left:5%; padding-top:13px}
.logo img{ height:42px; display:block}
.biaoyu{ margin-top:15px; margin-left:30px; padding-left:25px; position:relative; line-height:20px}
.biaoyu:before{
	content:"";
	width:1px;
	height:35px;
	background:#e8e8e8;
	position:absolute;
	top:0;
	left:0;
}
.biaoyu .img{ display:block}
.search{ position:relative}
.search-top{ width:70px; height:70px; background:url(../images/search.png) no-repeat center #00923f; cursor:pointer}
.search-box{ position:fixed; width:100%; height:100%; background:#333;top:0; left:0; z-index:99; display:none}
.search-box .close{ width:20px; height:20px; background:url(../images/icon_clo.png) no-repeat; display:block; position:absolute; top:10%; right:10%; transition:.3s; cursor:pointer}
.search-form{ position:absolute; top:42%; width:80%; left:10%;border-bottom:1px solid #515151; height:90px; line-height:90px;}
.search-form .inp{ width:100%; height:90px; background:url(../images/search.png) no-repeat left center; border:none; box-sizing: border-box; color:#4d4d4d; padding-left:100px;font-size:30px;}
.search-form .sub{ position:absolute; right:0;top:0; background:none; font-size:35px; line-height:90px; color:#808080; cursor:pointer}
.search-box .close:hover{ transform:rotate(180deg)}
.menu{ margin-right:30px}
.menu li{ float:left; font-size:16px; position:relative}
.menu li .menu_a{ display:block; line-height:70px; padding:0 30px; background:url(../images/line.jpg) no-repeat right center;}
.menu li .menu_a.cur{ color:#00923f;}
.menu li .sub{ position:absolute;left:50%; margin-left:-75px; background:#fff; width:150px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25); display:none}
.menu li .sub a {
    display: block;
	text-align:center;
    border-bottom: 1px #e0e0e0 solid;
    line-height: 47px;
    color: #999;
    font-size: 14px;
    position: relative;
}
.menu li .sub a:hover{ background:#00923f; color:#fff}
.menu li .sub dd:last-child a{ border-bottom:none}
.menu li .sub a::before{
	content:"";
	width:15px;
	height:15px;
	background:url(../images/navicon.png) no-repeat;
	left:5px;
	top:50%;
	margin-top:-10px;
	position:absolute;
	transition:.5s;
}
.menu li .sub a:hover::before{
	left:15px;
}

.i-banner{ margin-top:70px; position:relative;overflow:hidden;z-index: 2;}
.i-banner .slides img{ width:100%; height:auto; display:block}
.i-banner .flex-control-nav{bottom:30px}
.flex-control-nav li {
  width: 14px;
  height: 14px;
  border: 1px #fff solid;
  border-radius: 50%;
  overflow: hidden;
}
.flex-control-nav li .flex-active::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 50%;
  margin-left: 3px;
  margin-top: 3px;
}

.flex-control-paging li a {
  width: 14px !important;
  height: 14px !important;
}
.i-banner .flex-direction-nav a{ width:75px; height:55px; background:#fff;opacity: 1; left:0; bottom:0}
.i-banner .flex-direction-nav .flex-prev{ background:url(../images/arrow_prev.png) #fff no-repeat center; }
.i-banner .flex-direction-nav .flex-next{ left:75px;background:url(../images/arrow_next.png) #fff no-repeat center}
.i-banner .flex-direction-nav .flex-prev:after{
	content:"";
	width:1px;
	height:15px;
	background:#e8e8e8;
	position:absolute;
	right:0;
	top:20px;
}
.i-banner .flex-direction-nav .flex-prev:hover{ background:url(../images/arrow_prevh.png) #00923f no-repeat center; }
.i-banner .flex-direction-nav .flex-next:hover{ left:75px;background:url(../images/arrow_nexth.png) #00923f no-repeat center}
.i-banner .flex-direction-nav .flex-prev:hover::after{ display:none}

.i-banner .prev,.i-banner .next{width:75px; height:55px; background:#fff;opacity: 1; left:0; bottom:0; display:block; position:absolute; bottom:0}
.i-banner .prev{background:url(../images/arrow_prev.png) #fff no-repeat center;left:0;}
.i-banner .next{ left:75px;background:url(../images/arrow_next.png) #fff no-repeat center}
.i-banner .prev:after{
	content:"";
	width:1px;
	height:15px;
	background:#e8e8e8;
	position:absolute;
	right:0;
	top:20px;
}
.i-banner .prev:hover{ background:url(../images/arrow_prevh.png) #00923f no-repeat center; }
.i-banner .next:hover{ left:75px;background:url(../images/arrow_nexth.png) #00923f no-repeat center}
.i-banner .prev:hover::after{ display:none}
.i-banner .hd {
    width: 100%;
    position: absolute;
    bottom: 30px;
    text-align: center;
    font-size: 0;
    z-index: 1;
}
.i-banner .hd li {
  width: 14px;
  height: 14px;
  border: 1px #fff solid;
  border-radius: 50%;
  overflow: hidden;
  display:inline-block;
  margin: 0 6px;
  zoom:1;
}
.i-banner .hd li.on::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 50%;
  margin-left: 3px;
  margin-top: 3px;
}


.Strength{ padding:35px 0}
.Strength li{ float:left;font-size:18px; width:25%}
.Strength li .box{ width:260px; margin:0 auto}
.Strength li:nth-child(4) .box{ width:150px}
.Strength .icon,.Strength .tit{ float:left}
.Strength .icon{ width:45px;height:35px; overflow:hidden; position:relative;}
.Strength .icon .img1{ position:absolute; top:0;transition:.3s}
.Strength .icon .img2{ position:absolute; top:100%; transition:.3s}
.Strength .tit{ margin-left:20px; padding-top:8px; transition:.3s}
.Strength .tit:hover{ color:#00923f}
.Strength li:hover .icon .img1{top:-100%}
.Strength li:hover .icon .img2{top:0}

.Strength01{padding:35px 0}
.Strength01 li{float:left;font-size:18px; width:25%}
.Strength01 li .box{ text-align:center;}
.Strength01 .icon{ display:inline-block;width: 45px;height: 35px;overflow: hidden;position: relative; background:url(../images/icon01_1.png) no-repeat center 0; vertical-align:middle; transition:.3s}
.Strength01 .tit{ display:inline-block; vertical-align:middle;transition:.3s}
.Strength01 .icon.icon2{background:url(../images/icon02_1.png) no-repeat center 0;}
.Strength01 .icon.icon3{background:url(../images/icon03_1.png) no-repeat center 0;}
.Strength01 .icon.icon4{background:url(../images/icon04_1.png) no-repeat center 0;}
.Strength01 li:hover .icon{background:url(../images/icon01_1.png) no-repeat center -35px}
.Strength01 li:hover .icon.icon2{background:url(../images/icon02_1.png) no-repeat center -35px;}
.Strength01 li:hover .icon.icon3{background:url(../images/icon03_1.png) no-repeat center -35px;}
.Strength01 li:hover .icon.icon4{background:url(../images/icon04_1.png) no-repeat center -35px;}
.Strength01 li:hover .tit{ color:#00923f}

.i-pro{ position:relative}
.i-pro li{ position:relative; height:50%; float:left; width:50%}
/*.i-pro li{ position:relative; height:50%; float:left; max-width:50%}*/
.i-pro li .pic{ overflow:hidden; position:relative; height:600px; background:#000; text-align:center}
.i-pro li .pic img{ display:block;width:100%; height:100%; object-fit:cover; transition:1s}
.i-pro li .pic .bg{ width:100%; height:100%; position:absolute;left:0;top:0; background:#000; opacity:.35; filter:alpha(opacity=35); transition:1s}
.i-pro li:nth-child(3) .pic,.i-pro li:nth-child(4) .pic{ height:auto}
.i-pro li .text{ position:absolute; bottom:100px; left:10%; color:#fff}
.i-pro li .text h2{ font-size:25px; line-height:60px;}
.i-pro li .text .en{ font-family:"Arial";}
.i-pro li .text .line{ width:45px; height:5px; background:#fff; display:block; margin-top:17px}
.i-pro li:hover .pic img{ transform:scale(1.03)}
.i-pro li:hover .pic .bg{opacity:0; filter:alpha(opacity=0);}

.i-about{ background:url(../images/map.png) no-repeat center 200px; padding:70px 0 150px;}
.title{ text-align:center; margin-bottom:50px}
.title h1{ background:url(../images/CHOOSEUS.png) no-repeat center top; font-family:"Microsoft Yahei"; font-size:35px; padding-top:25px}
.title h1 span{ display:block;font-family:"Microsoft Yahei"; color:#808080; font-size:14px; font-weight:normal; margin-top:15px;}
.i-about-list{ padding:0 5%; margin-top:80px;position:relative}
.i-about-list .iconl,.i-about-list .iconr{ width:21px; height:19px; display:block; position:absolute; top:50%; margin-top:-15px; z-index:2}
.i-about-list .iconl{ background:url(../images/arrowl.png) no-repeat #fff; left:0}
.i-about-list .iconr{ background:url(../images/arrowr.png) no-repeat #fff; right:0;margin-top:-18px;}
.i-about-list .linebg{ height:1px; background:#d8d8d8; width:100%; position:absolute;top:50%;left:0; margin-top:-6px; z-index:1}
.i-about-list ul{ position:relative; height:430px}
.i-about-list li{ height:100%; width:25%;position:relative;}
.i-about-list li.list1{ position:absolute;left:0}
.i-about-list li.list2{ position:absolute;left:15%}
.i-about-list li.list3{ position:absolute;left:30%}
.i-about-list li.list4{ position:absolute;left:45%}
.i-about-list li.list5{ position:absolute;left:60%}
.i-about-list li.list6{ position:absolute;left:75%}
.i-about-list li .content{ position:absolute; height:50%;top:0}
.i-about-list li .num{ width:100px; position:absolute; left:0;top:0; height:100%}
.i-about-list li .num .pic{ position:absolute;top:0; z-index:2}
.i-about-list li .num .pic img{ display:block}
.i-about-list li .num .line{ height:100%; width:1px; background:#d8d8d8; position:absolute; left:37.5px;top:0; z-index:1}
.i-about-list li .num .cirl{ width:12px; height:12px; border-radius:50%; background:#d8d8d8; position:absolute; bottom:0; left:31px}
.i-about-list li .text{padding-left:100px; padding-top:30px}
.i-about-list li .text h3{ font-size:20px; margin-bottom:20px}
.i-about-list li .text .intro{ color:#808080; line-height:22px}

.i-about-list li.bottom .content{top:auto; bottom:12px}
.i-about-list li.bottom .text{ padding-top:80px}
.i-about-list li.bottom .num .pic{top:auto;bottom:0}
.i-about-list li.bottom  .num .cirl{top:0}


.i-news{ padding:70px 0; background:#f5f5f5}
.title.tit_n h1{ background:url(../images/NEWS.png) no-repeat center top;}
.i-newslist li{ float:left; width:25%; background:#fff}
.i-newslist li a{ display:block; border-right:1px solid #e8e8e8;}
.i-newslist li:last-child a{ border-right:none}
.i-newslist li .pic{ position:relative; overflow:hidden}
.i-newslist li img{ width:100%; display:block;transition:1s;}
.i-newslist li .pic .bg{ width:100%;height:100%; background:#fff; opacity:0; filter:alpha(opacity=0); position:absolute;top:0;left:0; transition:1s;}
.i-newslist li .text{ padding:30px 17px 45px}
.i-newslist li .text h3{ font-size:18px; margin-bottom:15px; line-height:40px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap}
.i-newslist li .text .intro{ color:#8c8c8c; height:40px; line-height:20px; font-size:14px;overflow:hidden;}
.i-newslist li .text .time{ color:#a6a6a6; margin-top:15px; display:block}
.i-newslist li:hover .pic .bg{opacity:0.35; filter:alpha(opacity=35);}
.i-newslist li:hover .pic img{ transform:scale(1.03)}
.i-newslist .more{ margin-top:50px}
.i-newslist .more a{ display:block; width:200px;background:#fff; border-bottom:2px solid #00923f; text-align:center; padding:18px 0;margin:0 auto; font-family:"Arial"; position:relative; overflow:hidden; }
.i-newslist .more a span{position:relative;z-index:3;}
.i-newslist .more a i{ width:100%; height:100%; display:block; background:#00923f; position:absolute; top:100%;left:0; transition:.5s; z-index:2}
.i-newslist .more a:hover{ color:#fff}
.i-newslist .more a:hover i{top:0}
.nbanner{ margin-top:70px; position:relative}
.nbanner img{ width:100%; display:block;}
.biaot{ position:absolute; top:35%;color:#fff; left:6.5%;}
.biaot h2{ font-weight:normal; font-size:40px;}
.biaot h2 .en{ font-size:30px; display:block; padding-bottom:5px; text-transform:uppercase}
.biaot h3{ font-weight:normal; font-size:22px; margin-top:20px; text-shadow:0 0 2px rgba(0,0,0,0.85)}
.main{ line-height:26px;}
.main .content{ font-size:15px; padding:60px 0}
.main .content h1{ font-size:30px; color:#333; line-height:35px; margin-bottom:25px}
.main .about p{ margin-bottom:15px}
.main .content1{font-size:15px;background:#f5f5f5; padding:60px 0}
.main .content img,.main .content1 img{ max-width:100%}

.main .ntitle{ font-size:30px; color:#333; line-height:35px; margin-bottom:35px}
.main .ntitle .line{ display:block; width:15px; height:2px; background:#333; margin-top:15px}
.main .tits{ border-left:3px solid #d8b464; padding-left:15px; font-size:18px; line-height:18px; }
.main .tits .en{ display:block; font-size:14px;padding-top:5px}

.main .reason{ margin-top:50px}
.reasonlist{ margin-top:50px}
.reasonlist ul{ margin-right:-2%}
.reasonlist li{ width:28.33%; margin-right:2%; margin-bottom:2%; padding:25px 1.5%; box-shadow:0 0 15px rgba(0,0,0,0.15); float:left}
.reasonlist li .top{ margin-bottom:25px}
.reasonlist li .num{ color:#00923f; font-family:"Microsoft Yahei"; font-weight:bolder; font-size:60px; float:left; line-height:60px;}
.reasonlist li .tit{ float:left; font-size:22px; font-weight:bold; padding-left:20px; padding-top:10px}
.reasonlist li .tit span{ font-size:14px; font-weight:normal; display:block}
.reasonlist li .intro{ height:85px}

.rela_list ul{ margin-right:-2%}
.rela_list li{ float:left; width:31.33%; margin-right:2%}
.rela_list li .pic{ overflow:hidden; position:relative}
.rela_list li img{ width:100%; display:block;transition:1s}
.rela_list li .pic .bg{ width:100%; height:100%; position:absolute; top:0; left:0; background:#000; opacity:0; filter:alpha(opacity=0); transition:1s}
.rela_list li .tit{ font-size:18px; color:#333; padding-top:20px; padding-bottom:15px}
.rela_list li .more{ font-size:14px}
.rela_list li:hover img{ transform:scale(1.03)}
.rela_list li:hover .pic .bg{opacity:0.35; filter:alpha(opacity=35)}

.rela_list02 ul{ margin-right:-2%}
.rela_list02 li{ float:left; width:23%; margin-right:2%;position: relative;}
.rela_list02 li .pic{ overflow:hidden; position:relative}
.rela_list02 li .pic:before{content: '';display: block;padding-top: 60%;}
.rela_list02 li img{ width:100%; display:block;transition:1s}
.rela_list02 li .pic .bg{ width:100%; height:100%; position:absolute; top:0; left:0; background:#fafafa;transition:1s}
.rela_list02 .txt{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
.rela_list02 .txt:after{content: '';width: 0;height: 2px;background-color: #00923f;position: absolute;left: 0;bottom: 0;transition: .3s;}
.rela_list02 .txt_con{text-align: center;background: url(../images/wolun.png) no-repeat center;background-size: contain;width: 90%;}
.rela_list02 li .tit{ font-size:30px;color: #00923f;font-weight: bold; padding-top:20px; padding-bottom:15px}
.rela_list02 li .more{ font-size:14px}
.rela_list02 li:hover img{ transform:scale(1.03)}
.rela_list02 li:hover .txt:after{width: 100%;}
.culture{ margin:40px 0}
.culture ul{ margin-right:-2%}
.culture li{ width:30.33%; margin-right:2%; float:left; text-align:center}
.culture li .tit{ font-size:20px; line-height:45px; color:#333; font-weight:700}
.custumer{ margin-top:50px}
.custumer li{ float:left; border:1px solid #dab664; width:18%; margin-right:2%; margin-bottom:2%;box-sizing:border-box; text-align:center; height:100px;}
.custumer li img{ display:inline-block; vertical-align:middle; max-width:100%; max-height:90%}
.custumer li i{ width:0; height:100%; display:inline-block; vertical-align:middle}
.nstrength .pic{ margin-right:30px; margin-bottom:15px}
.nstrength{ font-size:16px;}
.nstrength .ltit{    display: inline-block;
    padding: 5px 15px;
    background: #009944;
    color: #fff;
    font-size: 18px;}

.news_b{ text-align:center; width:100%; left:0}
.news_b ul{ margin:80px auto 0; text-align:center;font-size:0}
.news_b li{ display:inline-block; font-size:0}
.news_b li a{ display:block; background:#fff; color:#333; padding:15px 50px; margin:0 10px; font-size:18px; border-radius:5px;}
.news_b li a:hover{ color:#00923f}
.news_b li a.cur{ background:#00923f; color:#fff}
.newslist{ padding:0 5%}
.newslist li{ border-bottom:1px solid #e8e8e8; padding-bottom:30px; margin-bottom:35px}
.newslist li .pic{ width:30%; position:relative; overflow:hidden}
.newslist li .pic img{ width:100%; display:block;transition:1s}
.newslist li .pic .bg{ width:100%; height:100%; background:#fff; opacity:0; filter:alpha(opacity=0); position:absolute;top:0;left:0; transition:1s}
.newslist li .text{ width:66%}
.newslist li .text .tit{ font-size:20px; margin-bottom:15px}
.newslist li .text .intro{ color:#666; margin-bottom:15px; font-size:14px}
.newslist li .text .time{ color:#999; font-size:13px}
.newslist li:hover .pic .bg{ opacity:0.35; filter:alpha(opacity=35);}
.newslist li:hover .pic img{ transform:scale(1.03)}
.news_t{ border-bottom:1px solid #e8e8e8; padding-bottom:20px; margin-bottom:30px; text-align:center}
.news_t .time{ font-size:14px; color:#666; display:block; padding-top:10px}
.news_con p{ margin-bottom:8px}
.news_con .ltit{ display:inline-block; padding:6px 15px; background:#009944; color:#fff; font-size:16px}
.news_con h3{ font-size:20px; margin-bottom:10px;}

.prolist1{ margin-top:50px}
.prolist1 ul{ margin-right:-2%}
.prolist1 li{ width:28.33%; margin-right:2%; margin-bottom:2%; padding:30px 1.5%; box-shadow:0 0 15px rgba(0,0,0,0.15); float:left; position:relative; background:#fff}
.prolist1 li .top{ margin-bottom:15px; padding-bottom:10px; position:relative}
.prolist1 li .num{ color:#00923f; font-family:"Microsoft Yahei"; font-weight:bolder; font-size:60px; float:left; line-height:60px;}
.prolist1 li .tit{ float:left; font-size:22px; font-weight:bold; padding-left:20px; padding-top:28px}
.prolist1 li .icon{ position:absolute; right:0;top:0}
.prolist1 li .icon img{ display:block}
.prolist1 li .tit span{ font-size:14px; font-weight:normal; display:block}
.prolist1 li .intro{ min-height:120px}
.prolist2 .pic{ margin-right:40px}
.prolist2 ul{}
.prolist2 li{ margin-bottom:20px;}
.prolist2 .tit{ display:inline-block; background:#008990; color:#fff; padding:3px 15px; margin-bottom:10px}
.prolist3{ margin-top:30px}
.prolist3 li{width:48%; margin-right:2%; margin-bottom:50px; float:left; box-shadow:0 0 15px rgba(0,0,0,0.15); background:#fff;}
.prolist3 li .pic{width:50%}
.prolist3 li .pic img{ width:100%; display:block}
.prolist3 li .text{ width:42%; padding:3% 3% 0 0; }
.prolist3 li .tit{ font-size:22px;color: #00923f; font-weight:bold;margin-bottom:15px; margin-top:15px}
.prolist5 ul{ margin-right:-2%}
.prolist5 li{ float:left; width:23%; margin-right:2%; background:#fff;box-shadow:0 0 15px rgba(0,0,0,0.15);}
.prolist5 li .pic{ text-align:center}
.prolist5 li .pic img{ max-width:100%:}
.prolist5 li .text{ padding:30px; min-height:370px;}
.prolist5 li .text .tit{ font-size:22px; margin-bottom:15px;color: #00923f;font-weight: bold;}
.prolist6 ul{ width:50%}
.prolist6 li{ margin-bottom:30px}
.prolist6 li .tit{display:inline-block; background:#008990; color:#fff; padding:3px 15px; margin-bottom:10px}
.prolist6 .pic{ width:50%; text-align:right}

.prolist4 ul{ margin-right:-2%}
.prolist4 li{ width:48%; margin-right:2%; margin-bottom:50px; float:left; box-shadow:0 0 15px rgba(0,0,0,0.15)}
.prolist4 li .pic{ width:50%}
.prolist4 li .pic img{ width:100%; display:block}
.prolist4 li .text{ width:42%; padding:8% 3% 0 0; }
.prolist4 li .text .num{
	color: #00923f;
    font-family: "Microsoft Yahei";
    font-weight: bolder;
    font-size: 60px;
    line-height: 60px;
	margin-bottom:30px
}

.prolist7 ul{ margin-right:-2%}
.prolist7 li{ float:left; width:23%; margin-right:2%}
.prolist7 li .tit{ font-size:22px; color:#333; font-weight:bold;}
.prolist7 li .tit span{ font-style:italic; font-size:60px; padding-right:15px; font-family:Arial; color:#9fa0a0; line-height:60px}
.prolist7 li .text{ background:#f3f3f3; padding:25px 30px; margin-top:15px; min-height:120px;}
.prolist7 li .text p{ margin-bottom:0}
.prolist7 li:nth-child(2n) .tit span{ color:#009944;}
.prolist7 li:nth-child(2n) .text{ background:#009944; color:#fff}

.prolist8 li{ margin-bottom:20px}
.prolist8 li .pic{ width:30%;}
.prolist8 li .pic img{ width:100%; display:block}
.prolist8 li .text{ width:67%}
.prolist8 li .text h3{color:#009a44; margin-bottom:15px}

.solution ul{ margin-right:-2%}
.solution li{ float:left; width:23%; margin-right:2%; margin-bottom:2%; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.15)}
.solution li .pic{ position:relative; overflow:hidden}
.solution li .img1{width:100%; display:block}
.solution li .img2{ position:absolute; left:0;top:0;right:0;bottom:0; width:100%;height:100%; object-fit:cover}
.solution li .tit{ padding:15px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.solution li .more{ padding:10px 15px; font-size:12px; border-top:1px solid #e8e8e8; color:#999}
.main .contact{ padding:80px 0;font-size:16px; line-height:28px}
.contact .left{ width:44%}
.contact .company{ font-size:30px; border-bottom:1px solid #e8e8e8; padding-bottom:10px; margin-bottom:10px}
.contact .company .en{ font-size:16px}

.contact .right{ width:52%}
.messagelist{padding:0 10%}
.messagelist_l{ margin-bottom:20px;}
.messagelist_l .left{ width:48%; float:left}
.messagelist_l .right{ width:48%; float:right}
.messagelist_l .inp{ border:1px solid #d8d8d8; width:79%; line-height:43px; height:43px; padding:3px 10px; box-sizing:border-box}
.messagelist_l span{ width:15%; float:left; text-align:right; padding-right:2%; padding-top:10px}
.messagelist_2{ margin-bottom:20px;}
.messagelist_2 span{ width:7.1%; float:left;text-align:right;padding-right:1%; padding-top:10px}
.messagelist_2 textarea{ border:1px solid #d8d8d8;padding:10px; box-sizing:border-box; width:90.5%}
.messagelist_2 .inp{border:1px solid #d8d8d8; width:20%; line-height:35px; padding:3px 10px;}
/*.messagelist_2 .sub{ margin-left:15px; cursor:pointer; width:132px;height:43px; background:#bc1b21; color:#fff; font-size:16px; letter-spacing:5px}*/
.messagelist_2 .sub{ margin-left:150px; cursor:pointer; width:132px;height:43px; background:#bc1b21; color:#fff; font-size:16px; letter-spacing:5px}
.messagelist i{color:#fe020b;}

.faq_fl{ margin-bottom:30px; border-bottom:1px dotted #d8d8d8; padding-bottom:15px}
.faq_fl p{ float:left; margin-right:10px}
.faq_fl p a{ display:block; font-weight:bold; padding:2px 15px; border-radius:5px}
.faq_fl p a.cur{ background:#00923f; color:#fff}
.faq li{ box-shadow:0 0 3px rgba(0,0,0,0.2);padding:10px; margin-bottom:20px; background:url(../images/faq.jpg) no-repeat 10px center;padding-left:65px; position:relative}
.faq li .icon{ width:22px; height:22px; display:block;float:right;background:url(../images/faq_1.png) no-repeat; margin-top:2px}
.faq li.cur{ margin-bottom:0;}
.faq li.cur a{ color:#00923f}
.faq .hd{ background:#f5f5f5; padding:30px; margin-bottom:20px; display:none}
.down li{ background:url(../images/down.jpg) no-repeat 15px center; padding-left:50px}
.down li .icon{width:20px; height:20px; display:block;float:right;background:url(../images/down_1.png) no-repeat; margin-right:10px}

.footer_top{ background:#333; color:#9e9e9e; padding-top:80px; padding-bottom:40px}
.f_nav{ width:73%}
.f_nav li{ float:left;width:17%; padding-right:2%}
.f_nav li.last{ width:150px; padding-right:0; text-align:center}
.f_nav li h3{ margin-bottom:20px;font-weight:normal;color:#d9d9d9;font-size:18px;}
.f_nav li.last h3{ margin-bottom:25px}
.f_nav li h3 a{ color:#d9d9d9;}
.f_nav li p{ line-height:28px;}
.f_nav li p a{ color:#9e9e9e;transition:.5s}
.f_nav li p a:hover{color:#00923f;}
.f_contact{ width:26%; text-align:right;}
.f_contact .logo2{ border-bottom:1px solid #494949; padding-bottom:15px; margin-bottom:15px;}
.f_contact .tel{ font-size:16px;}
.f_contact .tel span{ display:block; font-size:24px; color:#fff; line-height:45px}
.f_contact .addr{line-height:26px}
.footer_bot{ background:#2e2e2e; color:#808080; padding:20px 0;line-height:26px;}
.footer_bot a{color:#808080; transition:.5s}
.footer_bot a:hover{color:#00923f;}
.page2{ margin-top:50px; font-size:14px}
.page2_l{ width:80%}
.back a{ width:100px; border-radius:35px; border:1px solid #e8e8e8; display:inline-block; text-align:center; line-height:35px}
.back a:hover{ background:#00923f; color:#fff}